<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购首页-正品低价、品质保障、及时配送、乐享网购</title>
    <meta name="description" content="品优购是综合的网上购物商城，销售家电，数码通讯，日用百货，电脑办公，服饰服装，母婴，图书音像，食品药品等上万种品牌优质商品.便捷，诚信的服务为您提供更好的网购体验">
    <meta name="Keywords" content="网上购物，网上商城，手机，电脑，笔记本，办公用品，数码，相机，配件，手表，内存卡，品优购">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?c3358z');
            src: url('fonts/icomoon.eot?c3358z#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?c3358z') format('truetype'), url('fonts/icomoon.woff?c3358z') format('woff'), url('fonts/icomoon.svg?c3358z#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
    </style>
</head>

<body>
    <!-- 1、最顶部-快捷导航栏部分 -->
    <div class="shortcut">
        <div class="w">
            <div class="shortcut_fl">品优购欢迎您！
                <a href="#">请登录</a>&nbsp;
                <a href="register.html" class="setup">免费注册</a>
            </div>
            <div class="shortcut_fr">
                <ul>
                    <a href="#">
                        <li>我的订单</li>
                    </a>
                    <a href="#">
                        <li>我的品优购&nbsp</li>
                    </a>
                    <a href="#">
                        <li>品优购会员</li>
                    </a>
                    <a href="#">
                        <li>企业采购</li>
                    </a>
                    <a href="#">
                        <li>关注品优购&nbsp</li>
                    </a>
                    <a href="#">
                        <li>客户服务&nbsp</li>
                    </a>
                    <a href="#">
                        <li class="net_nav">网站导航&nbsp</li>
                    </a>

                </ul>
            </div>
        </div>
    </div>
    <!-- 1、最顶部-快捷导航栏部分结束 -->


    <!-- 2、头部模块部分 -->
    <div class="header w">
        <!-- 2.1  logo部分 -->
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购商城">品优购商城</a>
            </h1>
        </div>
        <!-- 2.1  logo部分结束 -->

        <!-- 2.2  搜索部分 -->
        <div class="search">
            <input type="search" placeholder="小米MIX4">
            <button>搜索</button>
        </div>
        <!-- 2.2   搜索部分结束 -->

        <!-- 2.3  热点词部分 -->
        <div class="hotwords">
            <a href="#" class="font_color_red">优惠购首发</a>
            <a href="#">百亿补贴</a>
            <a href="#">9.9元团购</a>
            <a href="#">每满99-30</a>
            <a href="#">办公用品</a>
            <a href="#">手机</a>
            <a href="#">数码</a>
        </div>
        <!-- 2.3  热点词部分结束 -->

        <!-- 2.4  购物车部分 -->
        <a href="#" class="shopcar">
            我的购物车
            <i class="count">8</i>
        </a>
        <!-- 2.4  购物车部分结束 -->
    </div>
    <!-- 2、 头部模块结束 -->

    <!-- 3、nav模块部分 -->
    <div class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <a href="#">
                            <li>家用电器<span></span></li>
                        </a>
                        <a href="#">
                            <li>手机、数码、通信<span></span> </li>
                        </a>
                        <a href="#">
                            <li>电脑、办公<span></span> </li>
                        </a>
                        <a href="#">
                            <li>家居、家具、家装、厨具<span></span> </li>
                        </a>
                        <a href="#">
                            <li>男装、女装、童装、内衣<span></span> </li>
                        </a>
                        <a href="#">
                            <li>鞋靴、箱包、珠宝、奢侈品<span></span> </li>
                        </a>
                        <a href="#">
                            <li>运动户外、钟表<span></span> </li>
                        </a>
                        <a href="#">
                            <li>汽车、汽车用品<span></span> </li>
                        </a>
                        <a href="#">
                            <li>母婴、玩具乐器<span></span> </li>
                        </a>
                        <a href="#">
                            <li>食品、酒类、生鲜、特产<span></span> </li>
                        </a>
                        <a href="#">
                            <li>医药保健、个户化妆<span></span> </li>
                        </a>
                        <a href="#">
                            <li>图书、音像、电子书<span></span> </li>
                        </a>
                        <a href="#">
                            <li>彩票、旅行、充值、票务<span></span> </li>
                        </a>
                        <a href="#">
                            <li>理财、众筹、白条、保险<span></span> </li>
                        </a>
                        <a href="#">
                            <li>清洁用品、宠物<span></span> </li>
                        </a>

                    </ul>
                </div>
            </div>
            <div class="navitems">
                <ul>
                    <a href="#">
                        <li>服装城</li>
                    </a>
                    <a href="#">
                        <li>美妆馆</li>
                    </a>
                    <a href="#">
                        <li>传智超市</li>
                    </a>
                    <a href="#">
                        <li>全球购</li>
                    </a>
                    <a href="#">
                        <li>闪购</li>
                    </a>
                    <a href="#">
                        <li>团购</li>
                    </a>
                    <a href="#">
                        <li>拍卖</li>
                    </a>
                    <a href="#">
                        <li>发现</li>
                    </a>

                </ul>
            </div>
        </div>
    </div>
    <!-- 3、 nav模块结束 -->

    <!-- 中间焦点图 -->
    <div class="w">
        <div class="mainimg">
            <a href="javascript:;" class="img_left">←</a>
            <a href="javascript:;"><img src="images/正图.png" alt="" class="focus"></a>
            <a href="javascript:;" class="img_rigth">→</a>
        </div>
    </div>



    <!-- 4、快报模块部分 -->
    <div class="w">
        <div class="newsflash">
            <div class="news">
                <ul>
                    <li class="fastnews">品优购快报<a href="#" class="more">更多</a></li>

                    <a href="#">
                        <li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
                    </a>
                    <a href="#">
                        <li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
                    </a>
                    <a href="#">
                        <li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
                    </a>
                    <a href="#">
                        <li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
                    </a>
                    <a href="#">
                        <li><span>[特惠]</span> 备战开学季 全民半价购数码</li>
                    </a>

                </ul>
            </div>
            <div class="lifeservice">
                <ul>
                    <a href="#">
                        <li>话费</li>
                    </a>
                    <a href="#">
                        <li>机票</li>
                    </a>
                    <a href="#">
                        <li>电影票</li>
                    </a>
                    <a href="#">
                        <li class="rightborder">游戏</li>
                    </a>
                    <a href="#">
                        <li>彩票</li>
                    </a>
                    <a href="#">
                        <li>加油卡</li>
                    </a>
                    <a href="#">
                        <li>酒店</li>
                    </a>
                    <a href="#">
                        <li class="rightborder">火车票</li>
                    </a>
                    <a href="#">
                        <li>众筹</li>
                    </a>
                    <a href="#">
                        <li>理财</li>
                    </a>
                    <a href="#">
                        <li>礼品卡</li>
                    </a>
                    <a href="#">
                        <li class="rightborder">白条</li>
                    </a>

                </ul>
            </div>
            <a href="#">
                <div class="bargain"><img src="images/boy.png" alt=""></div>
            </a>

        </div>
    </div>
    <!-- 4、 快报模块结束 -->

    <!-- 5、今日推荐模块 -->
    <div class="w">
        <div class="recommend">
            <div class="today-recommend"><img src="images/今日推荐.png" alt=""></div>
            <div class="recommend-goods">
                <a href="#"><img src="images/推荐好货.png" alt=""></a>
            </div>
        </div>
    </div>
    <!-- 5、 今日推荐模块结束 -->

    <!-- 6、猜你喜欢模块 -->
    <div class="w">
        <div class="maylike ">
            <h3 style="font-size: 18px; color: #333333; display: inline-block; font-weight: 400;">猜你喜欢</h3>
            <a href="#"><span class="maylike-change" style="font-family: icomoon; float: right;">换一批&nbsp</span></a>
            <div class="maylike-recommend">
                <a href="#">
                    <div>
                        <img src="upload/手提包.png" alt="">
                        <h4>阳光美包新款单肩包女<br>包时尚子母包四件套女
                        </h4>
                        <h2>¥116.00</h2>
                    </div>

                </a>

                <a href="#">
                    <div>
                        <img src="upload/锅.png" alt="">
                        <h4>爱仕达 30CM炒锅不粘<br>锅NWG8330E电磁炉炒
                        </h4>
                        <h2>¥255.00</h2>
                    </div>

                </a>

                <a href="#">
                    <div>
                        <img src="upload/智能门锁.png" alt="">
                        <h4>捷波朗<br>（jabra）BOOSI劲步
                        </h4>
                        <h2>¥449.00</h2>
                    </div>

                </a>

                <a href="#">
                    <div>
                        <img src="upload/平面灯.png" alt="">
                        <h4>欧普<br>JYLZ08面板灯平板灯铝
                        </h4>
                        <h2>¥99.00</h2>
                    </div>

                </a>

                <a href="#">
                    <div>
                        <img src="upload/手机.png" alt="">
                        <h4>三星<br>（G5500）移动联通
                        </h4>
                        <h2>¥3499.00</h2>
                    </div>

                </a>

                <a href="#">
                    <div>
                        <img src="upload/精华.png" alt="">
                        <h4 style="border-right: none;">韩国所望<br>紧致湿润精华露400ml
                            <h2>¥768.00</h2>
                        </h4>

                    </div>

                </a>


            </div>
        </div>
    </div>
    <!-- 6、 猜你喜欢模块结束 -->

    <!-- 7、有趣区模块 -->
    <div class="w">
        <div class="funny">
            <p style="font-size: 18px; color: #333333;">传智播客 · 有趣区</p>
            <div class="funny-all">
                <div class="funny-left" style="position: relative;">
                    <h2 style="color: #3b468d; padding-left: 20px; padding-top: 25px;">传智播客好书榜
                        <h3 style="color: #3b468d; padding-left: 20px;">畅销推荐低至一折</h3>
                        <img src="upload/书.png" alt="">
                    </h2>
                </div>
                <div class="funny-leftmid" style="float: left; position: relative;">
                    <h4 class="funny-leftmid-goods">好东西</h4>
                    <a href="">
                        <div style="width: 208px; height: 1px; background-color:#ededed; margin-left: 18px;"></div>
                        <h2 style="padding-left: 8px; padding-top: 72px;">达人推荐</h2>
                        <h3 style="padding-left: 8px; padding-top: 5px;">雷神金属机械键盘</h3>
                        <h3 style="padding-left: 8px; color: #b1191a;">与你相见恨晚</h3>
                        <img src="upload/键盘.png" alt="" class="keyboard"></a>

                    <a href="#">
                        <h2 style="padding-left: 8px; margin-top: 64px; padding-top: 32px; border-top: 1px solid #ededed;">发现好物</h2>
                        <h3 style="padding-left: 8px; padding-top: 5px;">一不小心霸气外露</h3>
                        <h3 style="padding-left: 8px; color: #b1191a;">等你来</h3>
                        <img src="upload/皇服.png" alt="" class="kingcloth"></a>

                </div>
                <div class="funny-rightmid" style="float:left; position: relative; background-color: #f7f7f7;">
                    <h4 class="funny-rightmid-goods">品牌街</h4>
                    <a href="#">
                        <div style="width: 376px; height: 1px; background-color:#ededed; margin-left: 18px;"></div>
                        <h2 style="padding-left: 52px; padding-top: 72px;">苏泊尔</h2>
                        <h3 style="padding-left: 52px; padding-top: 5px;">返场大秀场</h3>
                        <h3 style="padding-left: 52px; color: #b1191a;">爆品直降100元</h3>
                        <img src="upload/电锅.png" alt="" class="epot"></a>

                    <a href="#">
                        <div class="suboer" style="position: relative; float: left; border-right: 1px solid #ededed;">
                            <h2 style="padding-left: 8px; padding-top: 30px;">国际大牌</h2>
                            <h3 style="padding-left: 8px; padding-top: 5px;">Adidas</h3>
                            <h3 style="padding-left: 8px; color: #b1191a;">部分商品3免1</h3>
                            <img src="upload/鞋.png" alt="" class="shoes">
                        </div>
                    </a>

                    <a href="#">
                        <div class="thisweek" style="position: relative; float: left; border-top: 1px solid #ededed; margin-top: 64px;">
                            <h2 style="padding-left: 8px; padding-top: 30px;">本周特卖</h2>
                            <h3 style="padding-left: 8px; padding-top: 5px;">大牌折扣</h3>
                            <h3 style="padding-left: 8px; color: #b1191a;">每周上新</h3>
                            <img src="upload/表.png" alt="" class="watch">
                        </div>
                    </a>

                </div>
                <div class="funny-brand" style="float: left; border-bottom: 1px solid #ededed;">
                    <a href="#">
                        <img src="upload/手机品牌.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 7、 有趣区模块结束 -->

    <!-- 8、 楼层区模块 -->
    <div class="w">
        <div class="floor">
            <!-- 8.1 、 一楼家电区 -->
            <div class="jiadian">
                <div class="box_hd">
                    <h3>家用电器</h3>
                    <div class="tab_list">
                        <ul>
                            <li>
                                <a href="#" style="color: #b1191a;">热门</a>丨
                            </li>
                            <li>
                                <a href="#">大家电</a>丨
                            </li>
                            <li>
                                <a href="#">生活电器</a>丨
                            </li>
                            <li>
                                <a href="#">厨房电器</a>丨
                            </li>
                            <li>
                                <a href="#">应季电器</a>丨
                            </li>
                            <li>
                                <a href="#">个护健康</a>丨
                            </li>
                            <li>
                                <a href="#">高端电器</a>丨
                            </li>
                            <li>
                                <a href="#">新奇特</a>丨
                            </li>
                            <li>
                                <a href="#">空气/净水</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_item">
                            <div class="col_210">
                                <div class="col01">
                                    <ul>
                                        <a href="#">
                                            <li>节能补贴</li>
                                        </a>
                                        <a href="#">
                                            <li>4K电视</li>
                                        </a>
                                        <a href="#">
                                            <li>空气净化机</li>
                                        </a>
                                        <a href="#">
                                            <li>IH电饭煲</li>
                                        </a>
                                        <a href="#">
                                            <li>滚筒洗衣机</li>
                                        </a>
                                        <a href="#">
                                            <li>电热水器</li>
                                        </a>

                                    </ul>
                                </div>
                                <img src="upload/floor-1-1.png" alt="">
                            </div>

                            <div class="col_329">
                                <a href="#">
                                    <img src="upload/floor-1-b01.png" alt=""></a>
                            </div>

                            <div class="col_221">
                                <div class="col03_1">
                                    <a href="#">
                                        <img src="upload/floor-1-2.png" alt=""></a>
                                </div>
                                <div class="col03_2">
                                    <a href="#">
                                        <img src="upload/floor-1-3.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col_221">
                                <a href="#">
                                    <img src="upload/floor-1-4.png" alt=""></a>
                            </div>
                            <div class="col_219">
                                <div class="col05_1">
                                    <a href="#">
                                        <img src="upload/floor-1-5.png" alt="">
                                    </a>
                                </div>
                                <div class="col05_2">
                                    <a href="#">
                                        <img src="upload/floor-1-6.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="floor_brand_nav">
                    <div>
                        <a href="#"><img src="brand/tcl.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/changhong.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/wanhe.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/philips.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/siemens.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/midea.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/hisense.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/flyco.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/gree.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/blueair.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- 8.1  、 一楼家电区结束 -->

            <!-- 8.2 、 二楼手机区 -->
            <div class="shouji">
                <div class="box_hd">
                    <h3>手机通讯</h3>
                    <div class="tab_list">
                        <ul>
                            <li>
                                <a href="#" style="color: #b1191a;">热门</a>丨
                            </li>
                            <li>
                                <a href="#">品质优选</a>丨
                            </li>
                            <li>
                                <a href="#">新机尝鲜/</a>丨
                            </li>
                            <li>
                                <a href="#">高性价比</a>丨
                            </li>
                            <li>
                                <a href="#">口碑推荐/</a>丨
                            </li>
                            <li>
                                <a href="#">合约机</a>丨
                            </li>
                            <li>
                                <a href="#">手机卡</a>丨
                            </li>
                            <li>
                                <a href="#">店铺精选</a>丨
                            </li>
                            <li>
                                <a href="#">手机配件</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_item">
                            <div class="col_210">
                                <div class="col01">
                                    <ul>
                                        <a href="#">
                                            <li>手机通讯</li>
                                        </a>
                                        <a href="#">
                                            <li>以旧换新</li>
                                        </a>
                                        <a href="#">
                                            <li>双卡双待</li>
                                        </a>
                                        <a href="#">
                                            <li>全面屏</li>
                                        </a>
                                        <a href="#">
                                            <li>高端配件</li>
                                        </a>
                                        <a href="#">
                                            <li>极致性能</li>
                                        </a>

                                    </ul>
                                </div>
                                <img src="upload/floor-2-1.png" alt="">
                            </div>

                            <div class="col_329">
                                <a href="#">
                                    <img src="upload/floor-2-b01.png" alt=""></a>
                            </div>

                            <div class="col_221">
                                <div class="col03_1">
                                    <a href="#">
                                        <img src="upload/floor-2-2.png" alt=""></a>
                                </div>
                                <div class="col03_2">
                                    <a href="#">
                                        <img src="upload/floor-2-3.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col_221">
                                <a href="#">
                                    <img src="upload/floor-2-4.png" alt=""></a>
                            </div>
                            <div class="col_219">
                                <div class="col05_1">
                                    <a href="#">
                                        <img src="upload/floor-2-5.png" alt="">
                                    </a>
                                </div>
                                <div class="col05_2">
                                    <a href="#">
                                        <img src="upload/floor-2-6.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="floor_brand_nav">
                    <div>
                        <a href="#"><img src="brand/pingguo.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/sanxing.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/huawei.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/xiaomi.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/yidong.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/liantong.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/oppo.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/meizu.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/rongyao.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/360.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- 8.2 、 二楼手机区结束-->

            <!-- 8.3 、 电脑办公区 -->
            <div class="diannao">
                <div class="box_hd">
                    <h3>电脑办公</h3>
                    <div class="tab_list">
                        <ul>
                            <li>
                                <a href="#" style="color: #b1191a;">热门</a>丨
                            </li>
                            <li>
                                <a href="#">电脑/平板</a>丨
                            </li>
                            <li>
                                <a href="#">潮流影音</a>丨
                            </li>
                            <li>
                                <a href="#">智能/外设</a>丨
                            </li>
                            <li>
                                <a href="#">DIY硬件</a>丨
                            </li>
                            <li>
                                <a href="#">电竞游戏</a>丨
                            </li>
                            <li>
                                <a href="#">办公/网络</a>丨
                            </li>
                            <li>
                                <a href="#">文具电教</a>丨
                            </li>
                            <li>
                                <a href="#">精选配件</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box_bd">
                    <div class="tab_content">
                        <div class="tab_list_item">
                            <div class="col_210">
                                <div class="col01">
                                    <ul>
                                        <a href="#">
                                            <li>SSD硬盘</li>
                                        </a>
                                        <a href="#">
                                            <li>显示器</li>
                                        </a>
                                        <a href="#">
                                            <li>机械键盘</li>
                                        </a>
                                        <a href="#">
                                            <li>品牌台式机</li>
                                        </a>
                                        <a href="#">
                                            <li>高端组装机</li>
                                        </a>
                                        <a href="#">
                                            <li>配件专区</li>
                                        </a>

                                    </ul>
                                </div>
                                <img src="upload/floor-3-1.png" alt="">
                            </div>

                            <div class="col_329">
                                <a href="#">
                                    <img src="upload/floor-3-b01.png" alt=""></a>
                            </div>

                            <div class="col_221">
                                <div class="col03_1">
                                    <a href="#">
                                        <img src="upload/floor-3-2.png" alt=""></a>
                                </div>
                                <div class="col03_2">
                                    <a href="#">
                                        <img src="upload/floor-3-3.png" alt=""></a>
                                </div>
                            </div>
                            <div class="col_221">
                                <a href="#">
                                    <img src="upload/floor-3-4.png" alt=""></a>
                            </div>
                            <div class="col_219">
                                <div class="col05_1">
                                    <a href="#">
                                        <img src="upload/floor-3-5.png" alt="">
                                    </a>
                                </div>
                                <div class="col05_2">
                                    <a href="#">
                                        <img src="upload/floor-3-6.png" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="floor_brand_nav">
                    <div>
                        <a href="#"><img src="brand/intel.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/dell.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/shenzhou.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/thinkpad.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/tplink.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/pingguo.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/sanxing.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/hp.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/gopro.png" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="brand/beats.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- 8.3  、 电脑办公区结束 -->

            <!-- 8.4  热门疯抢区 -->
            <div class="fengqiang">
                <div class="box1">
                    <h3>热门疯抢</h3>
                </div>
                <div class="box2">
                    <div class="m240">
                        <a href="#">
                            <img src="upload/vr眼镜.png" alt="">
                            <div>
                                <p>暴风魔镜 小D 虚拟现实智能VR眼镜</p>
                                <h3>¥199</h3>
                            </div>
                        </a>
                    </div>
                    <div class="m220_1">
                        <div class="m220a">
                            <a href="#">
                                <img src="upload/充电宝.png" alt="">
                                <div>
                                    <p>宇博 20000毫安时<br>大容量移动电源</p>
                                    <h3>¥149</h3>
                                </div>
                            </a>
                        </div>

                        <a href="#">
                            <img src="upload/音响.png" alt="">
                            <div>
                                <p>全微（transwin）<br>A-920 2.0声道</p>
                                <h3>¥1199</h3>
                            </div>
                        </a>
                    </div>
                    <div class="m220_1">
                        <div class="m220a">
                            <a href="#">
                                <img src="upload/yifu.png" alt="">
                                <div>
                                    <p>浦衣 2020秋季新<br>款复古棉麻长裙</p>
                                    <h3>¥599</h3>
                                </div>
                            </a>
                        </div>

                        <a href="#">
                            <img src="upload/充电宝.png" alt="">
                            <div>
                                <p>宇博 20000毫安时<br>大容量移动电源</p>
                                <h3>¥199</h3>
                            </div>
                        </a>
                    </div>
                    <div class="m220_1">
                        <div class="m220a">
                            <a href="#">
                                <img src="upload/充电宝.png" alt="">
                                <div>
                                    <p>锤子 15000毫安时<br>大容量移动电源</p>
                                    <h3>¥199</h3>
                                </div>
                            </a>
                        </div>

                        <a href="#">
                            <img src="upload/充电宝.png" alt="">
                            <div>
                                <p>小米 17500毫安时<br>大容量移动电源</p>
                                <h3>¥99</h3>
                            </div>
                        </a>
                    </div>
                    <div class="m297">
                        <a href="#">
                            <div class="m297l">
                                <img src="upload/记录仪.png" alt="">
                            </div>
                            <div class="m297r">
                                <a href="#"><img src="upload/头像1.png" alt="" style="vertical-align: middle">0807***</a>
                                <div class="conversion">
                                    <div class="sanjiao"></div>
                                    <p>"高分辨率的屏幕<br>用着和台式机一样......"</p>
                                </div>
                            </div>
                            <div class="m297b">
                                <a href="#"><img src="upload/头像2.png" alt="" style="vertical-align: middle">伯爵***者</a>
                                <div class="conversion">
                                    <div class="sanjiao"></div>
                                    <p>"高分辨率的屏幕<br>用着和台式机一样......"</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 8.4  、 热门疯抢区结束 -->
        </div>
    </div>

    <!-- 9、 底部模块 -->
    <div class="footer">
        <div class="w">
            <div class="box_a">
                <ul>
                    <li>
                        <div class="pic"></div>
                        <div class="word">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic1"></div>
                        <div class="word1">
                            <h3>急速物流</h3>
                            <p>急速物流，极速送达</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic2"></div>
                        <div class="word2">
                            <h3>无忧售后</h3>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic3"></div>
                        <div class="word3">
                            <h3>特色服务</h3>
                            <p>私人订制全屋套餐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic4"></div>
                        <div class="word4">
                            <h3>帮助中心</h3>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="box_b">
                <div>
                    <h3>购物指南</h3>
                    <ul>
                        <a href="#">
                            <li>购物流程</li>
                        </a>
                        <a href="#">
                            <li>会员介绍</li>
                        </a>
                        <a href="#">
                            <li>生活旅行/团购</li>
                        </a>
                        <a href="#">
                            <li>常见问题</li>
                        </a>
                        <a href="#">
                            <li>线下门店</li>
                        </a>
                        <a href="#">
                            <li>联系客服</li>
                        </a>

                    </ul>
                </div>
                <div>
                    <h3>配送方式</h3>
                    <ul>
                        <a href="#">
                            <li>上门自提</li>
                        </a>
                        <a href="#">
                            <li>211限时达</li>
                        </a>
                        <a href="#">
                            <li>配送时效查询</li>
                        </a>
                        <a href="#">
                            <li>配送费收取标准</li>
                        </a>
                        <a href="#">
                            <li>同城急送</li>
                        </a>
                        <a href="#">
                            <li>海外配送</li>
                        </a>

                    </ul>
                </div>
                <div>
                    <h3>支付方式</h3>
                    <ul>
                        <a href="#">
                            <li>货到付款</li>
                        </a>
                        <a href="#">
                            <li>在线支付</li>
                        </a>
                        <a href="#">
                            <li>分期付款</li>
                        </a>
                        <a href="#">
                            <li>邮局汇款</li>
                        </a>
                        <a href="#">
                            <li>公司转账</li>
                        </a>
                        <a href="#">
                            <li>线下交易</li>
                        </a>
                    </ul>
                </div>
                <div>
                    <h3>售后服务</h3>
                    <ul>
                        <a href="#">
                            <li>售后政策</li>
                        </a>
                        <a href="#">
                            <li>价格保护</li>
                        </a>
                        <a href="#">
                            <li>退款说明</li>
                        </a>
                        <a href="#">
                            <li>返修/退换货</li>
                        </a>
                        <a href="#">
                            <li>取消订单</li>
                        </a>
                    </ul>
                </div>
                <div>
                    <h3>特色服务</h3>
                    <ul>
                        <a href="#">
                            <li>DIY装机</li>
                        </a>
                        <a href="#">
                            <li>夺宝岛</li>
                        </a>
                        <a href="#">
                            <li>延保服务</li>
                        </a>
                        <a href="#">
                            <li>品优购E卡</li>
                        </a>
                        <a href="#">
                            <li>品优购通信</li>
                        </a>

                    </ul>
                </div>
                <div class="sqcode">
                    <h3>购物指南</h3>
                    <img src="upload/二维码.png" alt="">
                    <p></p>
                </div>

            </div>
            <div class="box_c">
                <ul>
                    <a href="#">
                        <li>关于我们</li>
                    </a>
                    <a href="#">
                        <li>联系我们</li>
                    </a>
                    <a href="#">
                        <li>联系客服</li>
                    </a>
                    <a href="#">
                        <li>商家入驻</li>
                    </a>
                    <a href="#">
                        <li>营销中心</li>
                    </a>
                    <a href="#">
                        <li>手机品优购</li>
                    </a>
                    <a href="#">
                        <li>友情链接</li>
                    </a>
                    <a href="#">
                        <li>销售联盟</li>
                    </a>
                    <a href="#">
                        <li>品优购社区</li>
                    </a>
                    <a href="#">
                        <li>品优购公益</li>
                    </a>
                    <a href="#">
                        <li>English Site</li>
                    </a>
                    <a href="#">
                        <li>Contact U</li>
                    </a>
                </ul>
            </div>
            <div class="box_d">
                <p class="box_p1">
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj@itcast.cn</p>
                <div class="box_p2"> 京ICP备08001421号京公网安备110108007702</div>
            </div>
        </div>
    </div>






</body>

</html>